import { Button, Form, Input, InputNumber, Radio, Select } from 'antd';
import { useEffect, useState } from 'react';
import an58 from '@mmstudio/an000058';
import Title from './title';
import api from '../../../atoms/api';
import { Message as M1, Result as R1 } from '../../api/registration/registration1/qery.api';
import Save from './save';

export default function Content({ student }: { student: ITbstudent; }) {
	const [appr, setappr] = useState('');//审批状态
	const [d, setd] = useState(student);
	return <>
		<Title />
		<div className='s01' ><Form.Item label="姓名:"><Input type='text' readOnly unselectable='on' defaultValue={d.name} /></Form.Item>
			<Form.Item label="性别:"><Input type='text' readOnly unselectable='on' defaultValue={d.gender} /></Form.Item>
			<Form.Item label="学号:"><Input type='text' readOnly unselectable='on' defaultValue={d.student_id} /></Form.Item></div>
		<div className='s01'><Form.Item label="学院:"><Input type='text' readOnly unselectable='on' defaultValue={d.college} /></Form.Item>
			<Form.Item label="专业:"><Input type='text' readOnly unselectable='on' defaultValue={d.originalmajor} /></Form.Item>
			<Form.Item label="班级:"><Input type='text' readOnly unselectable='on' defaultValue={d.originalclass} /></Form.Item></div>
		<div className='s02'><Form.Item label="政治面貌:"><Input type='text' readOnly unselectable='on' defaultValue={d.politicaloutlook} /></Form.Item>
			<Form.Item label="电话:"><Input type='text' readOnly unselectable='on' defaultValue={d.telephone} /></Form.Item></div><br />
		<Form.Item className='s04' label="证 件 照:"><img className='s05' unselectable='on' defaultValue={d.idphoto} /></Form.Item>
		<Form.Item className='s04' label="成  绩 单 :"><img className='s05' unselectable='on' defaultValue={d.schoolreport} /></Form.Item>
		<Form.Item className='s04' label="获奖证书:"><img className='s05' unselectable='on' defaultValue={d.certificate} /></Form.Item>
		<Form.Item label="学生自评:"><input className='pic' readOnly unselectable='on' defaultValue={d.selfevaluation} /></Form.Item>
		<br />

		<Save />
		<style jsx>{`
.s01{display: flex;
justify-content: space-between;
width: 90%;
}
.s02{
display: flex;
justify-content: space-between;
width: 55%;
}
.s03{
display: flex;

}
.s04{
height: 100px;
width: 90%;
}
.s05{
height:140px;
width:100px;
}
.pic{
height: 100px;
width: 90%;
}
		`}</style>
	</>;
}
